﻿
<!-- saved from url=(0091)http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/character-count-tool.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Character Count Tool</title><style type="text/css">

@charset "utf-8";
.justnairafield {
    border: 1px solid #A8B5BF;
    border-radius: 5px 5px 5px 5px;
}
.justnairafieldtitle {
    border: 1px dotted;
    border-radius: 3px 3px 3px 3px;
    padding: 2px 6px;
}
.justnairatxt:focus {
    box-shadow: 1px 1px 3px #ABABAB;
}
.justnairafield>table {
    line-height: 16px;
}
.justnairabtn {
    background: -moz-linear-gradient(center top , #F4F4F4 0%, #D8E1E7 100%) repeat scroll 0 0 transparent;
	background-color:#F4F4F4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d8e1e7));
background: -webkit-linear-gradient(top, #f4f4f4 0%,#d8e1e7 100%);
background: -o-linear-gradient(top, #f4f4f4 0%,#d8e1e7 100%);
background: -ms-linear-gradient(top, #f4f4f4 0%,#d8e1e7 100%);
background: linear-gradient(top, #f4f4f4 0%,#d8e1e7 100%);
    border: 1px solid #A8B5BF;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    padding: 4px 14px;
}
.justnairatxt:hover {
    border: 1px solid #156DBB;
}
.justnairabtn:hover {
    background: none repeat scroll 0 0 #D8E1E7;
}
.justnairatxt {
    border: 1px solid #7F9DB9;
    border-radius: 3px 3px 3px 3px;
	padding:4px 2px;
}
.justnairatitle {
	background-color:#1F5EA2;
    background: -moz-linear-gradient(center top , #0090F7 0%, #1F5EA2 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0090f7), color-stop(100%,#1f5ea2));
background: -webkit-linear-gradient(top, #0090f7 0%,#1f5ea2 100%);
background: -o-linear-gradient(top, #0090f7 0%,#1f5ea2 100%);
background: -ms-linear-gradient(top, #0090f7 0%,#1f5ea2 100%);
background: linear-gradient(top, #0090f7 0%,#1f5ea2 100%);
    border: 2px solid;
    border-radius: 14px 14px 14px 14px;
    color: #FFFFFF;
    font: 21px arial,Sans MS;
    padding: 4px;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
}body {
background: -moz-linear-gradient(-45deg, #FFFFFF 0%, #FFFFFF 20%, #FFFFFF 32%, #95C2E5 100%) no-repeat fixed 0 0 #DCF0FF;
	background-color:#dcf0ff;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(20%,#ffffff), color-stop(32%,#ffffff), color-stop(100%,#95c2e5));
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 20%,#ffffff 32%,#95c2e5 100%);
background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 20%,#ffffff 32%,#95c2e5 100%);
background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 20%,#ffffff 32%,#95c2e5 100%);
background: linear-gradient(-45deg, #ffffff 0%,#ffffff 20%,#ffffff 32%,#95c2e5 100%);
font: bold 14px Trebuchet MS,arial;
}

</style>
<script type="text/javascript">
function charcount(){var count=document.getElementById('txt').value.length;document.getElementById('countdisp').innerHTML=count}function instantcount(a){document.getElementById('countdisp').innerHTML=a.value.length}function instantcountcheck(){var countbutton=document.getElementById('countgen');var countcheck=document.getElementById('instantcount');var txt=document.getElementById('txt');if(countcheck.checked==true){countbutton.disabled=true;txt.setAttribute('onkeyup','instantcount(this);')}else{countbutton.disabled=false;txt.removeAttribute('onkeyup')}}</script>

</head>

<body>
<fieldset class="justnairafield"><legend class="justnairafieldtitle">Char Count Tool</legend><table width="100%"><tbody><tr><td width="40%" colspan="2">
<textarea cols="40" rows="12" class="justnairatxt" id="txt" onkeyup="instantcount(this);"></textarea>

</td><td>
<input type="checkbox" id="instantcount" onclick="instantcountcheck();"><label for="instantcount">Instant Count</label>
</td></tr><tr><td height="31" align="right">
Number of Characters:
</td>
  <td align="right"><label id="countdisp">0</label></td>
</tr>
<tr><td colspan="2" align="center">
<button class="justnairabtn" id="countgen" onclick="charcount();" disabled="">Count Characters</button>
</td></tr></tbody></table>
</fieldset>
<br>
<center>

Copyright © 2012 by <a rel="dofollow" href="http://www.aktechz.com">Tools | Aktechz</a>. All Rights Reserved
</center>


</body></html>